<template>
	
		<div class="bordertab">
			<div class="tab">
				<div class="li" v-for="(item, key, index) in tablist.list" :key="item.id" :class="{active:tablist.isactive===item.id}" @click="tabactive(item.id)">
					{{item.name}}
				</div>
			</div>
		</div>
</template>

<script>
	export default{
		props:['tablist'],
		mounted(){
		},
		methods:{
			tabactive(i){
				this.tablist.isactive=i;
				this.$emit("tabborder",i)
			}
		}
	}
</script>

<style>
</style>
